<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>排课试听</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../css/layui.css"  media="all">
    <link href="../css/public.css" rel="stylesheet" type="text/css"/>
    <link href="../css/calendar.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="layui-conter">
    <div class="layui-col-md12">
        <div class="navigation">
            <span>销售></span><span>排课试听</span>
        </div>
        <div class="white-conter">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="title-blue">排课试听</div>
                    <div class="layui-card-body addPadding">
                        <div class="calendar-box">
                            <div class="weeks-month">
                                <button class="month">本月</button>
                                <button class="weeks" style="margin-right: 20px">本周</button>
                            </div>
                            <div class="calendar-switch">
                                <div class="data-switch">
                                    <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon"></i></button>
                                    <div class="data-text">2018年 七月 第一周</div>
                                    <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon"></i></button></div>
                                <div class="room-day">
                                    <div class="colorSet">
                                        <div class="color1">已上课</div>
                                        <div class="color2">上课中</div>
                                        <div class="color3">未上课</div>
                                    </div>
                                    <div class="room-tab">
                                        <div class="room">
                                            <div class="campus">长宁北新泾校区</div>
                                            <div>教室001</div>
                                            <div>教室001</div>
                                            <div class="select-room">教室001</div>
                                            <div>教室001</div>
                                            <div>教室001</div>
                                            <div>教室001</div>
                                            <div>教室001</div>
                                            <div>教室001</div>
                                        </div>
                                        <div class="room-num">
                                            <div class="class-num">第一节</div>
                                            <div class="class-num">第二节</div>
                                            <div class="class-num">第三节</div>
                                            <div class="class-num">第四节</div>
                                            <div class="class-num">第五节</div>
                                            <div class="class-num">第六节</div>
                                            <div class="class-num">第七节</div>
                                        </div>
                                        <div class="block-day">
                                            <div class="day-text">
                                                <div class="day">周日</div>
                                                <div class="day">周一</div>
                                                <div class="day">周二</div>
                                                <div class="day">周三</div>
                                                <div class="day">周四</div>
                                                <div class="day">周五</div>
                                                <div class="day">周六</div>
                                            </div>

                                            <div class="border-bottom">
                                                <div class="class-day">
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set">
                                                        <div class="day-bg">
                                                            <div class="day-title">小小演说家</div>
                                                            <div class="day-tip">主讲老师：Mark</div>
                                                            <div class="day-progress">
                                                                <div class="layui-progress">
                                                                    <div class="layui-progress-bar layui-bg-red" lay-percent="50%"></div>
                                                                </div>
                                                            </div>
                                                            <div class="tanchu">
                                                                <div class="tan-title">小小演说家</div>
                                                                <div class="tan-tip">主讲老师：Mark</div>
                                                                <div class="tan-tip">上课日期：2018-07-24</div>
                                                                <div class="tan-tip">上课时段：15:00-17:00</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                </div>
                                                <div class="class-day">
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                </div>
                                                <div class="class-day">
                                                    <div class="day-set">
                                                        <div class="day-bg1">
                                                            <div class="day-title">小小演说家</div>
                                                            <div class="day-tip">主讲老师：Mark</div>
                                                            <div class="day-progress">
                                                                <div class="layui-progress">
                                                                    <div class="layui-progress-bar layui-bg-red" lay-percent="50%"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set">
                                                    </div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                </div>
                                                <div class="class-day">
                                                    <div class="day-set"></div>
                                                    <div class="day-set">
                                                        <div class="day-bg1">
                                                            <div class="day-title">小小演说家</div>
                                                            <div class="day-tip">主讲老师：Mark</div>
                                                            <div class="day-progress">
                                                                <div class="layui-progress">
                                                                    <div class="layui-progress-bar layui-bg-red" lay-percent="50%"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                </div>
                                                <div class="class-day">
                                                    <div class="day-set"></div>
                                                    <div class="day-set">
                                                        <div class="day-bg2">
                                                            <div class="day-title">小小演说家</div>
                                                            <div class="day-tip">主讲老师：Mark</div>
                                                            <div class="day-progress">
                                                                <div class="layui-progress">
                                                                    <div class="layui-progress-bar layui-bg-red" lay-percent="50%"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                </div>
                                                <div class="class-day">
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                </div>
                                                <div class="class-day">
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                    <div class="day-set"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>